import { Svg, SvgProps } from '@pancakeswap/uikit'

export const MercuryoSvg = ({ isDark, ...props }: SvgProps & { isDark: boolean }) => {
  return (
    <Svg
      version="1.1"
      id="Layer_1"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      x="0px"
      y="0px"
      viewBox="50 110 386.1 114.3"
      xmlSpace="preserve"
      opacity={props.opacity}
      fill={isDark ? '#fff' : '#212121'}
    >
      <g>
        <path
          fill="#fff"
          d="M412.1,151.6c-12.2,0-19.4,8.6-19.4,19.1c0,10.6,7.2,19.1,19.4,19.1c12.2,0,19.4-8.6,19.4-19.1
     C431.5,160.2,424.3,151.6,412.1,151.6z M412.1,185.3c-8.7,0-14.1-6.3-14.1-14.6c0-8.2,5.4-14.6,14.1-14.6s14.1,6.4,14.1,14.6
     C426.3,179,420.8,185.3,412.1,185.3z"
        />
        <path
          fill={isDark ? '#fff' : '#212121'}
          d="M240.2,156.1c6.8,0,11.6,4.7,11.9,9.6h5.1c-0.3-7.1-6.5-14.1-16.7-14.1c-12.4,0-19.5,8.7-19.5,19.2
     c0,10.3,6.7,19.1,19.8,19.1c7.8,0,13.6-3.6,16.4-7.1l-3.3-3c-3,3.2-8,5.6-13.1,5.6c-9.8,0-14.5-6.4-14.5-14.5
     C226.3,162.1,231.6,156.1,240.2,156.1"
        />
        <path
          fill={isDark ? '#fff' : '#212121'}
          d="M296.5,152.8v15.5c0,11.1-6.6,17-14,17c-6.1,0-9.4-4.4-9.4-11.7v-20.8h-12v4.3h6.9v17.7c0,8.8,5,15.1,14.1,15.1
     c7.1,0,11.9-3.6,14.3-8.8v7.6h5.1v-35.8H296.5z"
        />
        <path
          fill={isDark ? '#fff' : '#212121'}
          d="M386.4,152.8l-13,30.7l-13.3-30.7h-9.9v4.3h6.3l14.1,32.8c-2.1,5.1-5.5,8.3-9.8,8.3c-2,0-3.5-0.4-4.2-0.9v4.6
     c1,0.4,2.8,0.8,4.9,0.8c6.1,0,10.3-3.6,13.2-10.3l17-39.7H386.4z"
        />
        <path
          fill={isDark ? '#fff' : '#212121'}
          d="M325.3,159.3v-6.5h-15.2v4.3h10.1v27.2h-10.1v4.3h27.5v-4.3h-12.4v-16.8c1-5.9,6.2-11.3,12.5-11.3c2.6,0,4.9,0.4,6.6,1.2
     v-4.6c-0.9-0.6-3.2-1.2-5.5-1.2C332.3,151.6,327.6,155.5,325.3,159.3"
        />
        <path
          fill={isDark ? '#fff' : '#212121'}
          d="M198.2,159.3v-6.5H183v4.3h10.1v27.2H183v4.3h27.5v-4.3h-12.4v-16.8c0.9-5.9,6.2-11.3,12.6-11.3c2.5,0,4.9,0.4,6.5,1.2
     v-4.6c-0.9-0.6-3.3-1.2-5.6-1.2C205.3,151.6,200.6,155.5,198.2,159.3"
        />
        <path
          fill={isDark ? '#fff' : '#212121'}
          d="M128.9,184.3v-18.2c0-8.2-5.2-14.6-13.2-14.6c-7.9,0-11.7,5-13.5,9c-1.9-5.4-6.5-9-12.5-9c-7,0-10.7,4.1-12.7,7.8v-6.5
     H64.5v4.3h7.5v31.5h5.1v-21.1c0.5-4.1,4-11.4,11.7-11.4c5.6,0,9.1,3.2,9.1,11.4v21h5.1v-21.2c0.7-4,4-11.2,11.7-11.2
     c5.7,0,9.1,3.2,9.1,11.4v21h10.8v-4.3H128.9z"
        />
        <path
          fill={isDark ? '#fff' : '#212121'}
          d="M177,170.7c0-10.6-6.9-19.1-18.8-19.1c-11.9,0-19.1,8.7-19.1,19.2c0,10.7,6.9,19.1,19.8,19.1c8,0,13.7-3.9,16-6.9l-3.3-3
     c-3.1,3.3-7.3,5.3-13,5.3c-8,0-13.4-5.3-14-12.9h32.4C177,171.9,177,171.2,177,170.7z M144.6,168.1c1-7,6.2-11.9,13.6-11.9
     c7.5,0,12.7,5.1,13.5,11.9H144.6z"
        />
      </g>
    </Svg>
  )
}

export const MoonPaySvg = ({ ...props }: SvgProps) => {
  return (
    <Svg
      version="1.1"
      width="100px"
      id="Layer_1"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      x="0px"
      y="0px"
      viewBox="0 0 722.9 159.1"
      xmlSpace="preserve"
      filter="31"
      opacity={props.opacity}
    >
      <style jsx>{`
        .st0 {
          fill: #7d00ff;
        }
        .st1 {
          fill: none;
        }
      `}</style>
      <g id="MP_LOGO">
        <path
          filter="0.2"
          d="M662.1,120.3L636,60.4h17.5l17.8,42.9l20.6-42.9h17.2l-40.6,82.5h-17.4L662.1,120.3z M598.7,107.9c1.5-0.4,3-0.9,4.4-1.7
		c1.3-0.7,2.6-1.6,3.7-2.6c1.1-1,2.1-2.2,2.9-3.5c0.8-1.4,1.5-2.9,1.9-4.4c0.5-1.7,0.7-3.4,0.7-5.2c0-1.8-0.2-3.5-0.7-5.2
		c-0.4-1.5-1.1-3-1.9-4.4c-0.8-1.3-1.8-2.5-2.9-3.5c-1.1-1-2.4-1.9-3.7-2.6c-1.4-0.7-2.9-1.2-4.4-1.6c-1.6-0.4-3.3-0.6-4.9-0.5
		c-1.6,0-3.3,0.2-4.9,0.5c-1.5,0.3-3,0.9-4.4,1.6s-2.6,1.6-3.7,2.6c-1.1,1-2.1,2.2-2.9,3.5c-0.8,1.4-1.5,2.9-1.9,4.4
		c-0.5,1.7-0.7,3.5-0.7,5.2s0.2,3.5,0.7,5.2c0.4,1.5,1.1,3,1.9,4.4c0.8,1.3,1.8,2.5,2.9,3.5c1.1,1,2.4,1.9,3.7,2.6
		c1.4,0.7,2.8,1.3,4.4,1.7c1.6,0.4,3.2,0.6,4.9,0.5C595.4,108.5,597,108.3,598.7,107.9 M581,121.3c-2.7-0.7-5.3-1.7-7.7-3.1
		c-4.7-2.6-8.6-6.5-11.2-11.2c-1.4-2.4-2.4-5-3.1-7.7c-1.4-5.8-1.4-11.8,0-17.6c0.7-2.7,1.7-5.3,3.1-7.7c2.6-4.7,6.5-8.5,11.2-11.2
		c2.4-1.3,5-2.4,7.7-3.1c2.9-0.7,5.8-1.1,8.8-1.1c1.6,0,3.2,0.1,4.8,0.3c1.5,0.2,2.9,0.5,4.3,0.9c1.3,0.4,2.6,0.8,3.8,1.4
		c1.2,0.5,2.3,1.1,3.4,1.8c1,0.6,2,1.4,2.8,2.2s1.6,1.6,2.2,2.5v-7.2h16.6v60.2h-16.6v-7.2c-2.2,2.8-5.1,5-8.4,6.5
		c-1.9,0.9-3.9,1.5-6,1.8c-2.3,0.4-4.7,0.7-7,0.6C586.8,122.4,583.9,122.1,581,121.3 M520.8,75.7c2.4,0,4.8-0.2,7.1-0.8
		c1.8-0.5,3.5-1.3,4.9-2.5c1.3-1.1,2.3-2.5,2.9-4.1c0.6-1.8,1-3.7,0.9-5.6c0-1.9-0.3-3.8-0.9-5.6c-0.6-1.6-1.6-2.9-2.9-4
		c-1.4-1.1-3.1-2-4.9-2.4c-2.3-0.6-4.7-0.9-7.1-0.8h-16.3v25.8H520.8z M487.3,35.7h35.2c4.9-0.1,9.7,0.6,14.3,2
		c3.7,1.1,7.1,3.1,10,5.6c2.6,2.4,4.6,5.3,5.9,8.6c1.3,3.5,2,7.2,1.9,10.9c0,3.7-0.6,7.4-1.9,10.8c-1.3,3.3-3.3,6.2-5.9,8.6
		c-2.9,2.6-6.3,4.5-10,5.6c-4.6,1.4-9.5,2.1-14.3,2h-17.9v30.9h-17.2L487.3,35.7z M413.6,60.4h16.5v7.2c1-1.4,2.2-2.7,3.6-3.7
		c1.4-1.1,3-2.1,4.7-2.8c1.8-0.8,3.8-1.4,5.8-1.8c2.2-0.4,4.4-0.6,6.7-0.6c3.5-0.1,7,0.5,10.2,1.7c2.9,1.1,5.6,2.8,7.8,5
		c2.2,2.3,3.8,5.1,4.8,8.1c1.2,3.5,1.7,7.1,1.7,10.8v36.4h-16.5V88.6c0-2.3-0.3-4.7-1-6.9c-0.6-1.8-1.5-3.5-2.8-5
		c-1.2-1.3-2.8-2.4-4.5-3c-3.9-1.3-8.2-1.3-12.2,0c-1.7,0.6-3.3,1.7-4.5,3c-1.3,1.5-2.2,3.2-2.8,5c-0.7,2.2-1,4.6-1,6.9v32.1h-16.4
		L413.6,60.4z M373,107.7c1.6-0.4,3.1-0.9,4.5-1.7c1.4-0.7,2.6-1.6,3.7-2.7s2-2.3,2.8-3.6c0.8-1.4,1.4-2.8,1.7-4.3
		c0.8-3.3,0.8-6.7,0-10c-0.7-3-2.3-5.8-4.5-7.9c-1.1-1.1-2.4-2-3.7-2.7c-1.4-0.8-3-1.3-4.5-1.7c-1.7-0.4-3.5-0.6-5.2-0.6
		s-3.5,0.2-5.2,0.6c-1.6,0.4-3.1,0.9-4.5,1.7c-1.4,0.7-2.6,1.6-3.7,2.7s-2,2.3-2.8,3.6c-2.4,4.4-3,9.5-1.7,14.4c0.4,1.5,1,3,1.7,4.3
		s1.7,2.5,2.8,3.6c1.1,1.1,2.3,2,3.7,2.7c1.4,0.7,2.9,1.3,4.5,1.7c1.7,0.4,3.4,0.6,5.2,0.6C369.6,108.4,371.3,108.2,373,107.7
		 M358.1,121.3c-3-0.7-5.9-1.7-8.6-3.1c-2.6-1.3-4.9-2.9-7.1-4.8c-2.1-1.9-3.9-4-5.3-6.4c-1.5-2.4-2.6-5-3.4-7.7
		c-1.6-5.8-1.6-11.9,0-17.6c0.8-2.7,1.9-5.3,3.4-7.7c3-4.8,7.3-8.7,12.4-11.2c2.7-1.4,5.6-2.4,8.6-3.1c6.4-1.5,13.1-1.5,19.5,0
		c3,0.7,5.8,1.7,8.5,3.1c2.6,1.3,4.9,2.9,7.1,4.9c2.1,1.9,3.9,4,5.4,6.4c1.5,2.4,2.7,5,3.4,7.7c1.6,5.8,1.6,11.9,0,17.6
		c-1.5,5.5-4.6,10.4-8.8,14.1c-2.1,1.9-4.5,3.5-7.1,4.8c-2.7,1.4-5.6,2.4-8.5,3.1C371.2,122.8,364.5,122.8,358.1,121.3 M293.9,107.7
		c1.6-0.4,3.1-0.9,4.5-1.7c1.4-0.7,2.6-1.6,3.7-2.7s2-2.3,2.8-3.6c0.8-1.4,1.4-2.8,1.7-4.3c0.8-3.3,0.8-6.7,0-10
		c-0.7-3-2.3-5.8-4.5-7.9c-1.1-1.1-2.4-2-3.7-2.7c-1.4-0.8-3-1.3-4.5-1.7c-1.7-0.4-3.5-0.6-5.2-0.6s-3.5,0.2-5.2,0.6
		c-1.6,0.4-3.1,0.9-4.5,1.7c-1.3,0.7-2.6,1.6-3.7,2.7c-1.1,1-2,2.3-2.8,3.6c-0.7,1.4-1.3,2.8-1.7,4.3c-0.4,1.6-0.7,3.3-0.6,5
		c0,1.7,0.2,3.4,0.6,5c0.4,1.5,1,3,1.7,4.3s1.7,2.5,2.8,3.6c1.1,1.1,2.3,2,3.7,2.7c1.4,0.7,2.9,1.3,4.5,1.7c1.7,0.4,3.4,0.6,5.2,0.6
		C290.4,108.3,292.2,108.1,293.9,107.7 M278.9,121.3c-3-0.7-5.9-1.7-8.6-3.1c-2.6-1.3-4.9-2.9-7.1-4.8c-2.1-1.9-3.9-4-5.3-6.4
		c-1.5-2.4-2.6-5-3.4-7.7c-1.6-5.8-1.6-11.9,0-17.6c0.8-2.7,1.9-5.3,3.4-7.7c1.5-2.4,3.3-4.5,5.3-6.4c2.1-1.9,4.5-3.6,7.1-4.9
		c2.7-1.4,5.6-2.4,8.6-3.1c6.4-1.4,13.1-1.4,19.5,0c3,0.7,5.8,1.7,8.5,3.1c2.6,1.3,4.9,2.9,7.1,4.9c2.1,1.9,3.9,4,5.4,6.4
		s2.7,5,3.4,7.7c1.6,5.8,1.6,11.9,0,17.6c-1.5,5.5-4.6,10.4-8.8,14.1c-2.1,1.9-4.5,3.5-7.1,4.8c-2.7,1.4-5.6,2.4-8.5,3.1
		C292.1,122.8,285.4,122.8,278.9,121.3 M148.9,35.7h17.4L195.9,81l29.8-45.3H243v85h-17.2V62.4L201.2,100h-10.5l-24.6-37.6v58.3
		h-17.2V35.7z"
        />
      </g>
      <path
        filter="0.9"
        id="MP_EM_LOGO"
        className="st0"
        d="M109.3,50.9c9.6,0,17.3-7.8,17.3-17.3c0-9.6-7.8-17.3-17.3-17.3c-9.6,0-17.3,7.8-17.3,17.3l0,0
	l0,0C92,43.1,99.7,50.9,109.3,50.9L109.3,50.9L109.3,50.9 M56.1,129c-23.4,0-42.3-18.9-42.3-42.3s18.9-42.3,42.3-42.3
	s42.3,18.9,42.3,42.3l0,0l0,0C98.4,110.1,79.5,129,56.1,129L56.1,129"
      />
      <rect className="st1" width="722.9" height="159.1" filter="0.001" />
    </Svg>
  )
}
